#orderdetail{
  position: absolute;
  width: 100%;
  min-height: 100%;
  background-color: #f7f7f7;
  .odtopinfo {
    font-size: .8rem;
    padding: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    p {
      line-height: 1.4rem;
    }
  }
  .oddatainfo {
    padding: 0 10px 10px 10px;
    margin-top: 10px;
    background-color: #ffffff;
  }
  .oddpitem {
    padding: 10px 0;
    height: 60px;
    border-bottom: 1px solid #f7f7f7;
    .oddpright {
      position: relative;
      font-size: .9rem;
      .oddprl {
        padding-right: 6rem;
        .oddptitle {
          line-height: 1.4rem;
          height: 3rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
        .oddpweight {
          font-size: 1rem;
          color: #404040;
        }
      }
      .oddprr {
        text-align: right;
        position: absolute;
        top: 0;
        right: 0;
        width: 6rem;
        .oddpnums {
          font-size: .8rem;
          color: #999999;
        }
      }
    }
  }
  .oddpitem:last-child {
    border-bottom: 0;
  }
  .oddptotal {
    padding: 8px 10px;
    text-align: right;
    font-size: .8rem;
    color: #404040;
    background-color: #ffffff;
    span {
      font-size: 1rem;
      color: #000000;
    }
  }
  .odbottominfo {
    padding: 10px;
    margin-top: 10px;
    font-size: 1rem;
    color: #404040;
    background-color: #ffffff;
    p {
      text-align: right;
      line-height: 1.4rem;
      .llabel {
        float: left;
      }
    }
  }
  .pageback {
    font-size: 1rem;
    width: calc(~'100% - 4rem');
    margin: 2rem auto;
    padding: .5rem 0;
    background-color: @theme-color;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
  }
}